<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
	<title>Campus Smart Food</title>
	<meta http-equiv="Content-Type" content="text/html" charset=utf-8" />
	<meta name="title" content="Web site" />
	<meta name="description" content="Campus Smart Food Inc" />
	<link id="theme" rel="stylesheet" type="text/css" href="css/style.css" title="theme" />

	<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script>

		function initialize() {
			var myLatlng = new google.maps.LatLng(37.349588,-121.93747);
			var mapOptions = {
			  center: myLatlng,
			  zoom: 14,
			  mapTypeId: google.maps.MapTypeId.ROADMAP
			};
			var map = new google.maps.Map(
				document.getElementById('map_canvas'), mapOptions);

       var contentString = '<div id="markerContent">'+
            '<div id="cafe1">'+
            '</div>'+
            '<h1 id="firstHeading" class="firstHeading">Cafe1</h1>'+
            '<div id="bodyContent">'+
			'<img border="0" src="images/cafe1.jpg" alt="cafe1" width="180" height="130">' +
			'<p><b>Address:</b> TBD<br>'+
            '<b>Review:</b> <a href="review.html">Review Count</a><br></p>' +            
            '<p><a href="order.html">'+
            '<b>Order Here</b></a> '+            
            '</div>'+
            '</div>';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: 'Test Cafe1'
        });
		
        google.maps.event.addListener(marker, 'click', function() {
          infowindow.open(map,marker);
        });			
				

		  }
	</script>	
	
</head>

<body onload="initialize()">
<!-- top wrapper -->
<div id="topWrapper">
<div id="topBanner">
<div id="topLogin">
<font face="verdana,arial" size=-1>
<center><table cellpadding='2' cellspacing='0' border='0' id='ap_table'>
<tr><td bgcolor="red"><table width='100%'><tr><td bgcolor="#880000" align=center <b><font size=-1 color="white" face="verdana,arial"><b>Enter your login and password</b></font></th></tr>
<tr><td bgcolor="white" style="padding:5"><br>
<form method="post" action="" name="aform" target="_top">
<center><table>
<tr><td><font face="verdana,arial" size=-1>Access Card #:</td><td><input type="text" name="card_number"></td></tr>
<tr><td><font face="verdana,arial" size=-1>PIN:</td><td><input type="password" name="pin_code"></td></tr>
<tr><td><font face="verdana,arial" size=-1>&nbsp;</td><td><font face="verdana,arial" size=-1><input type="submit" value="Enter"></td></tr>
<tr><td colspan=2><font face="verdana,arial" size=-1>&nbsp;</td></tr>
</table></center>
</form>
</td></tr></table></td></tr></table>
</div>
</div>
<div id="topnav">
<ul>
<li id="current" style="border: medium none ;"> <a href="#" shape="rect">Home</a> </li>
<li> <a href="#" shape="rect">My Profile</a>
</li>
<li> <a href="#" shape="rect">Visualization</a>
</li>
</ul>
</div>
<!-- end top wrapper -->
<div id="wrapper">
<div id="bg">
<div class="clear vmenu" id="header"></div>
<div id="page"><!-- begin container -->
<div id="container"><!-- content -->
<div id="content"><!-- place content here -->
<h1 class="title_text"> Select Your Restaurant </h1>
<div id="map_canvas"></div> 				

</div>

<div id="center"><!-- place center here if needed -->
</div>

<div class="clear" style="height: 40px;"></div>
</div>
<!-- end content --> </div>
<!-- end container --> </div>
<div id="footerWrapper">
<div id="footer">
<p style="padding-top: 10px;"> </p>
</div>
</div>
</div>
</div>
</body></html>